<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>工作台</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-mhqy.css">


</head>
<body class="body_bg">
<div class="stu_list_title">
    企业/工会学情
</div>

<div style="width: 515px">
    <div class="input_body">
        <div class="input_l_3">企业/工会名称：</div>
        <div class="input_r_3">
            <input type="text" class="form-control">
        </div>
        <button class="btn btn-info" style="margin-left: 5px">搜索</button>
        <button class="btn btn-info" style="margin-left: 5px">重置</button>
    </div>

</div>

<!--工会学情数据-->
<section class="aademic_data">
    <h2 class="h2_title">企业/工会学情数据</h2>
    <div class="roll_body">
        <div class="roll_l_body">
            <h2>中国民用航空集团总工会</h2>
            <button>查看详细学员详情</button>
        </div>
        <div class="roll_r_body">
            <a href="javascript:;" class="roll_item"  data-toggle="tooltip" data-tip-class="tooltip-info" title="这个就是提示内容">
                <p class="p_text">报读人数</p>
                <strong class="w_text">2324</strong>
            </a>
            <a href="javascript:;" class="roll_item">
                <p class="p_text">约考人数</p>
                <strong class="w_text">2324</strong>
            </a>
            <a href="javascript:;" class="roll_item">
                <p class="p_text">参考总人数</p>
                <strong class="w_text">233</strong>
            </a>
            <a href="javascript:;" class="roll_item">
                <p class="p_text">考试通过人数</p>
                <strong class="w_text">0</strong>
            </a>
            <a href="javascript:;" class="roll_item">
                <p class="p_text">平均学习成绩</p>
                <strong class="w_text">0</strong>
            </a>
            <a href="javascript:;" class="roll_item">
                <p class="p_text">参考率</p>
                <strong class="w_text">0%</strong>
            </a>
            <a href="javascript:;" class="roll_item">
                <p class="p_text">课程合格率</p>
                <strong class="w_text">0%</strong>
            </a>
        </div>
    </div>

</section>

<!--各工会学情数据-->
<section class="aademic_data">
    <h2 class="h2_title">各分工会/工会学情数据</h2>
    <p style="color: #999999; font-size: 14px;padding: 5px 20px 0;">
        目前访问位置：xxxxxxxx >> xxxxxxxxxx >> xxxxxxxxxxx >> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    </p>
    <div class="row branch_data">
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="org_item">
                <div class="top_text">
                    <strong>明航明航明航明航明航明航明航</strong>
                    <a href="javascript:;">8个下级工会 >> </a>
                </div>
                <div class="body_text">
                    <p>报读总人数：<b class="font16">1000</b></p>
                    <p>约考总人数：<b class="font16">200</b></p>
                    <p>参考总人数：<b class="font16">300</b></p>
                    <p>考试通过总人数：<b class="font16">23</b></p>
                    <p>平均学习成绩：<b class="font16">23</b></p>

                    <div class="percentage_list">
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector0" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector1" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                    </div>

                    <div class="btn_xq">
                        <button>查看详细学员详情</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="org_item">
                <div class="top_text">
                    <strong>明航明航明航明航明航明航明航</strong>
                    <a href="javascript:;">8个下级工会 >> </a>
                </div>
                <div class="body_text">
                    <p>报读总人数：<b class="font16">1000</b></p>
                    <p>约考总人数：<b class="font16">200</b></p>
                    <p>参考总人数：<b class="font16">300</b></p>
                    <p>考试通过总人数：<b class="font16">23</b></p>
                    <p>平均学习成绩：<b class="font16">23</b></p>

                    <div class="percentage_list">
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector2" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector3" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                    </div>
                    <div class="btn_xq">
                        <button>查看详细学员详情</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="org_item">
                <div class="top_text">
                    <strong>明航明航明航明航明航明航明航</strong>
                    <a href="javascript:;">8个下级工会 >> </a>
                </div>
                <div class="body_text">
                    <p>报读总人数：<b class="font16">1000</b></p>
                    <p>约考总人数：<b class="font16">200</b></p>
                    <p>参考总人数：<b class="font16">300</b></p>
                    <p>考试通过总人数：<b class="font16">23</b></p>
                    <p>平均学习成绩：<b class="font16">23</b></p>

                    <div class="percentage_list">
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector4" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector5" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                    </div>
                    <div class="btn_xq">
                        <button>查看详细学员详情</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="org_item">
                <div class="top_text">
                    <strong>明航明航明航明航明航明航明航</strong>
                    <a href="javascript:;">8个下级工会 >> </a>
                </div>
                <div class="body_text">
                    <p>报读总人数：<b class="font16">1000</b></p>
                    <p>约考总人数：<b class="font16">200</b></p>
                    <p>参考总人数：<b class="font16">300</b></p>
                    <p>考试通过总人数：<b class="font16">23</b></p>
                    <p>平均学习成绩：<b class="font16">23</b></p>

                    <div class="percentage_list">
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector6" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector7" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                    </div>
                    <div class="btn_xq">
                        <button>查看详细学员详情</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="org_item">
                <div class="top_text">
                    <strong>明航明航明航明航明航明航明航</strong>
                    <a href="javascript:;">8个下级工会 >> </a>
                </div>
                <div class="body_text">
                    <p>报读总人数：<b class="font16">1000</b></p>
                    <p>约考总人数：<b class="font16">200</b></p>
                    <p>参考总人数：<b class="font16">300</b></p>
                    <p>考试通过总人数：<b class="font16">23</b></p>
                    <p>平均学习成绩：<b class="font16">23</b></p>

                    <div class="percentage_list">
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector8" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector9" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                    </div>
                    <div class="btn_xq">
                        <button>查看详细学员详情</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="org_item">
                <div class="top_text">
                    <strong>明航明航明航明航明航明航明航</strong>
                    <a href="javascript:;">8个下级工会 >> </a>
                </div>
                <div class="body_text">
                    <p>报读总人数：<b class="font16">1000</b></p>
                    <p>约考总人数：<b class="font16">200</b></p>
                    <p>参考总人数：<b class="font16">300</b></p>
                    <p>考试通过总人数：<b class="font16">23</b></p>
                    <p>平均学习成绩：<b class="font16">23</b></p>

                    <div class="percentage_list">
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector10" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                        <div class="jqm-round-wrap">
                            <div class="jqm-round-bg"></div>
                            <canvas id="jqm-round-sector11" class="jqm-round-sector"></canvas>
                            <div class="jqm-round-circle"><p>70%</p></div>
                        </div>
                    </div>
                    <div class="btn_xq">
                        <button>查看详细学员详情</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>
<script type="text/javascript" src="../js/branch.js"></script>

<script>
    $('[data-toggle="tooltip"]').tooltip({
        tipClass: 'tooltip-success'
    });

</script>
</body>
</html>